define(['jquery'], function(){
    class Nav {
        constructor(){
            this.loadHTML();
            this.dropdown();
        }
        loadHTML() {
            $('nav').load('/html/modules/nav.html');
        }
        dropdown(){
            $(() => {
                $('li:has(.sub-nav-box)').hover(function () {
                  // 如果100ms内再次进入，把定时器清除，就不隐藏了
                  clearTimeout(this.timer)
                  $(this).children('.sub-nav-box').stop().slideDown(500)
                }, function () {
                  // 离开的时候可能会再短时间内再次进入，所以用一个延时器
                  this.timer = setTimeout(() => {
                    $(this).children('.sub-nav-box').stop().slideUp(500)
                  }, 100)
                })
              })
        }
    }
    return new Nav()
});